.logo {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  display: flex;
  align-items: center;
  padding: 10px;
  height: 64px; /* 确保 logo 的总高度 */
  box-sizing: border-box; /* 确保 padding 包含在高度内 */
  cursor: pointer; /* 显示手型光标 */
  transition: background-color 0.3s ease; /* 平滑过渡效果 */
}

.header-title {
  margin-right: 10px;
}

.logo:hover {
  background-color: #ecf4ff; /* 鼠标悬停时改变背景色 */
}

.reactLink {
  color: #0d6efd !important; /* React: 深蓝色 */
  transition: color 0.3s ease !important;

  .logo:hover & {
    color: #61dafb !important; /* React: 浅蓝色 */
  }
}
